为了账号安全,请及时绑定邮箱和手机立即绑定

好程序员前端教程css中可被继承和不可被继承的属性

标签:
Html5

好程序员前端教程css中可被继承和不可被继承的属性
一.无继承性的属性

1.display:规定元素应该生成的框的类型

2.文本属性:vertical-align:垂直文本对齐

text-decoration:规定添加到文本的装饰

text-shadow:文本阴影效果

white-space:空白符的处理

unicode-bidi:设置文本的方向

3.盒子模型的属性:width,height,margin,margin-top,margin-right,margin-bottom,margin-left,border,border-style,border-top(right,bottom,left)-style

border-top(right,bottom,left)-width,border-top(right,bottom,left)-color,border-top,border-right,border-bottom,border-left,

padding,padding-top,padding-right,padding-bottom,padding-left

4.背景属性:background,background-color,background-image,background-repeat,background-position,background-attachment

5.定位属性:float,clear,position,top,right,bottom,left,min-width,min-height,max-width,max-height,overflow,clip,z-index

6.生成内容属性:content,content-seset,content-increment

7.轮廓样式属性:outline,outline-style,outline-width,outline-color

8.页面样式属性:size,page-break-before,page-break-after

9.声音样式属性:pause,pause-before,pause-after,cue,cue-before,cue-after,play-during

二.有继承性的属性

1.字体系列属性:font:组合字体

font-family:规定元素的字体系列

font-weight:设置字体的粗细

font-size:设置字体的尺寸

font-style:设置字体的风格

font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小

font-stretch:对当前的font-family进行伸缩变形,所有主流浏览器都不支持

font-size-adjust:为某个元素规定一个aspect值,这样就可以保持首选字体的x-height

2.文本系列属性:text-indent:文本缩进

text-align:文本水平对齐

line-height:行高

word-spacing:增加或减少文单词间的空白(即字间隔)

letter-spacing:增加或减少字符间的空白(字符间距)

text-transform:控制文本大小写

direction:规定文本的书写方向

color:文本颜色

3.元素可见性:visibility

4.表格布局属性:caption-side,border-collapse,border-spacing,empty-cells,table-layout

5.列表布局属性:list-style,list-style-image,list-style-type,list-style-position

6.生产内容属性:quotes

7.光标属性:cursor

8.页面样式属性:page,page-break-inside,Windows,orphans

9.声音样式属性:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation

三.所有元素可继承属性

1.元素可见性:visibility

2.光标属性:cursor

四.内联元素可以继承的属性

1.字体系列属性

2.除text-indent,text-align之外的文本系列属性

五.块级元素可以继承的属性

1.text-indent,text-align

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消